<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>联系我们</title>
<meta name="keywords" content="${_front_keywords}" />
<meta name="description" content="${_front_description}" />
<link rel="shortcut icon" href="/static/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="/static/front/fonts/iconfont.css">
<link rel="stylesheet" type="text/css" href="/static/front/css/base_new.css">
<link rel="stylesheet" type="text/css" href="/static/front/css/library.css">
<link rel="stylesheet" type="text/css" href="/static/front/css/style.css">
<link rel="stylesheet" type="text/css" href="/static/front/css/main.css">
<link rel="stylesheet" type="text/css" href="/static/front/css/share.css">
<script src="/static/front/js/jquery-1.11.1.min.js"></script>
<script src="/static/front/js/js.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=RX7xhZntNE8meNE65kE9aO1bzD824ukz"></script>
</head>

<body>
<div id="content">
<#include "../base/top.ftl"/>
 <div class="about-us">
        <div class="about-us-head"></div>
        <div class="About-us-nav">
            <ul class="clear">
                <li>
                    <a href="/about">公司介绍</a>
                </li>
                <li>
                    <a href="/news/notice">发标预告</a>
                </li>
                <li >
                    <a href="/news/web">网站公告</a>
                </li>
                <li>
                    <a href="/news/media">媒体报道</a>
                </li>
                <li>
                    <a href="/partner">合作机构</a>
                </li>
                <li>
                    <a href="/hiring">招纳贤士</a>
                </li>
                <li class="About-us-nav-on">
                    <a href="/contact">联系我们</a>
                </li>
            </ul>    
        </div>
    </div>
    <div class="about-title">
        <h4><i></i>联系我们<i></i></h4>
    </div>
	<div class="address-box">
           <div class="Company-address">
               <h5>武汉迅泊达金融服务有限公司</h5>
               <span>公司地址：武汉市汉街总部国际F座21楼</span>
               <span>客服热线：400-880-7023</span>
               <span>固定电话：027-88238868</span>
               <span>公司传真：027-88138898</span>
           </div>
           <div class="Map-address">
               <span class="gs-Map">公司地图：</span>
             <!-- <div class="Map-address-img fl">
                   <img src="${_front_images}/data/ditu.jpg" width="100%" height="100%" />
               </div>-->
                   <!--百度地图容器-->
                 <div style="width:686px;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
                 <div id="r-result"></div>
                  <div class="Map-address-txt rt">
                   <div class="hello-t">
                       HELLO
                       <i></i>
                   </div>
                    <span>地址：武汉市汉街总部国际F座21楼</span>
                    <span>客服热线：400-880-7023</span>
               </div>
           </div>
        </div> 
    
	<div id="footer">
	    <div class="content">
	        <#include "../base/foot.ftl" />
	    </div>
	</div>
</div>

</body>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(114.351538,30.562229),15);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
	  map.enableKeyboard(); // 启用键盘操作。
	  map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
	  map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
	  map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
    }
    //向地图添加控件
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
      var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
      map.addControl(overviewControl);
    }
    var map;
      initMap();
      
	var sContent="", infoWindow ="",infoWindow,marker;
	// 创建地址解析器实例
	var myGeo = new BMap.Geocoder();
	// 将地址解析结果显示在地图上,并调整地图视野
	myGeo.getPoint("汉街国际总部F座", function(point){
		if (point) {
		    sContent ="武汉讯拨达金融服务有限公司坐落于武昌区汉街总部国际F座21楼...";
			map.addOverlay(new BMap.Marker(point));
			marker = new BMap.Marker(point);
			map.addOverlay(marker);
			var str = "";
			str += "<h4 style='margin:0 0 5px 0;padding:0.2em 0;font-size:12px;color:#4E4E4E'>地址 ：武汉武昌汉街国际总部F座21楼</h4>";
			str += "<p style='line-height:1.5;font-size:13px;margin-top:10px;color:#4E4E4E;border-top: 1px solid gray;'></p>";
			str += "<span style='line-height:1.5;font-size:13px;padding-top:10px;color:#4E4E4E'>客服热线：400-880-7023</span></br>";
			str += "<span style='line-height:1.5;font-size:13px;padding-top:2px;color:#4E4E4E'>固定电话：027-88238868</span></br>";
			str += "<span style='line-height:1.5;font-size:13px;padding-top:2px;color:#4E4E4E'>公司传真：027-88138898</span></br>";
			var opts = {    
					 width : 200,     // 信息窗口宽度    
					 height: 140
			 };    
		    infoWindow = new BMap.InfoWindow(str,opts);  // 创建信息窗口对象
		    map.openInfoWindow(infoWindow);
		    marker.addEventListener("mouseover", function(){
	         this.openInfoWindow(infoWindow,point); //开启信息窗口
	       });
	       infoWindow.addEventListener("click",function(){
	          marker.closeInfoWindow(this);
	       });
		}else{
			alert("您选择地址没有解析到结果!");
		}
	}, "武汉市");
  </script>
</html>
